import React, { Component } from 'react';

class Com extends Component {
    render () {
        return (
            <div className='entry-list'>
            <ul className='content-box'>
                <li className='info-box'>
                    <div className='info-box-row'>
                        <ul>
                            <li>专栏<i className='iconfont icon-dian'></i></li>
                            <li>sanseo<i className='iconfont icon-dian'></i></li>
                            <li>6小时前<i className='iconfont icon-dian'></i></li>
                            <li>
                                javaScript
                            </li>
                        </ul>
                    </div>
                    <div className='info-box-title'>
                    前端跨域问题解决方案(基于node与nginx)
                    </div>
                    <div className='info-box-operation'>
                        <ul>
                            <li>
                                <i className='iconfont icon-zan1'></i>
                                <span>46</span>
                            </li>
                            <li>
                                <i className='iconfont icon-pinglun'></i>
                                <span>64</span>
                            </li>
                            <li className='fenxiang'>
                                <i className='iconfont icon-fenxiang'></i>
                            </li>
                            <li className='shoucang'>
                                <i className='iconfont icon-shoucang'></i>
                            </li>
                        </ul>
                    </div>
                </li>
                <li className='info-box'>
                <div className='info-box-row'>
                    <ul >
                        <li>专栏<i className='iconfont icon-dian'></i></li>
                        <li>阴明<i className='iconfont icon-dian'></i></li>
                        <li>8分钟前<i className='iconfont icon-dian'></i></li>
                        <li>
                            开源
                            
                        </li>
                    </ul>
                </div>
                <div className='info-box-title'>
                开源即责任
                </div>
                <div className='info-box-operation'>
                    <ul>
                        <li>
                            <i className='iconfont icon-zan1'></i>
                            <span>6</span>
                        </li>
                        <li>
                            <i className='iconfont icon-pinglun'></i>
                            <span>8</span>
                        </li>
                        <li className='fenxiang'>
                            <i className='iconfont icon-fenxiang'></i>
                        </li>
                        <li className='shoucang'>
                            <i className='iconfont icon-shoucang'></i>
                        </li>
                    </ul>
                </div>
            </li>
                <li className='info-box'>
                    <div className='info-box-row'>
                        <ul>
                            <li>专栏<i className='iconfont icon-dian'></i></li>
                            <li>levding<i className='iconfont icon-dian'></i></li>
                            <li>2天前<i className='iconfont icon-dian'></i></li>
                            <li>
                                GitHub
                            </li>
                        </ul>
                    </div>
                    <div className='info-box-title'>
                    GitHub 重磅消息！私有存储库从今天起完全免费，开发者期待已久！
                    </div>
                    <div className='info-box-operation'>
                        <ul>
                            <li>
                                <i className='iconfont icon-zan1'></i>
                                <span>223</span>
                            </li>
                            <li>
                                <i className='iconfont icon-pinglun'></i>
                                <span>81</span>
                            </li>
                            <li className='fenxiang'>
                                <i className='iconfont icon-fenxiang'></i>
                            </li>
                            <li className='shoucang'>
                                <i className='iconfont icon-shoucang'></i>
                            </li>
                        </ul>
                    </div>
                </li>
                <li className='info-box'>
                    <div className='info-box-row'>
                        <ul>
                            <li>专栏<i className='iconfont icon-dian'></i></li>
                            <li>滴滴WebApp架构组<i className='iconfont icon-dian'></i></li>
                            <li>8分钟前<i className='iconfont icon-dian'></i></li>
                            <li>
                                <span>Webpack</span>
                                <span>/</span>
                                <span>源码</span>
                            </li>
                        </ul>
                    </div>
                    <div className='info-box-title'>
                    webpack系列之二Tapable
                    </div>
                    <div className='info-box-operation'>
                        <ul>
                            <li>
                                <i className='iconfont icon-zan1'></i>
                                <span>6</span>
                            </li>
                            <li>
                                <i className='iconfont icon-pinglun'></i>
                                <span>6</span>
                            </li>
                            <li className='fenxiang'>
                                <i className='iconfont icon-fenxiang'></i>
                            </li>
                            <li className='shoucang'>
                                <i className='iconfont icon-shoucang'></i>
                            </li>
                        </ul>
                    </div>
                </li>
                <li className='info-box'>
                    <div className='info-box-row'>
                        <ul>
                            <li>专栏<i className='iconfont icon-dian'></i></li>
                            <li>胡七筒<i className='iconfont icon-dian'></i></li>
                            <li>23天前<i className='iconfont icon-dian'></i></li>
                            <li>
                                javaScript
                            </li>
                        </ul>
                    </div>
                    <div className='info-box-title'>
                    程序猿生存指南-34 我与清华
                    </div>
                    <div className='info-box-operation'>
                        <ul>
                            <li>
                                <i className='iconfont icon-zan1'></i>
                                <span>46</span>
                            </li>
                            <li>
                                <i className='iconfont icon-pinglun'></i>
                                <span>64</span>
                            </li>
                            <li className='fenxiang'>
                                <i className='iconfont icon-fenxiang'></i>
                            </li>
                            <li className='shoucang'>
                                <i className='iconfont icon-shoucang'></i>
                            </li>
                        </ul>
                    </div>
                </li>
                <li className='info-box'>
                    <div className='info-box-row'>
                        <ul>
                            <li>专栏<i className='iconfont icon-dian'></i></li>
                            <li>CoyPan<i className='iconfont icon-dian'></i></li>
                            <li>4小时前<i className='iconfont icon-dian'></i></li>
                            <li>
                                安全
                            </li>
                        </ul>
                    </div>
                    <div className='info-box-title'>
                    使用&lt;a>标签时，你可能会忽略的一个安全问题
                    </div>
                    <div className='info-box-operation'>
                        <ul>
                            <li>
                                <i className='iconfont icon-zan1'></i>
                                <span>25</span>
                            </li>
                            <li>
                                <i className='iconfont icon-pinglun'></i>
                                <span>10</span>
                            </li>
                            <li className='fenxiang'>
                                <i className='iconfont icon-fenxiang'></i>
                            </li>
                            <li className='shoucang'>
                                <i className='iconfont icon-shoucang'></i>
                            </li>
                        </ul>
                    </div>
                </li>
            </ul>
            </div>
        )
    }
}

export default Com;